.btn {
    -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    white-space: nowrap;
}

.index-container {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto
}

.index-top-section {
    *zoom: 1;
    margin-top: 20px
}

    .index-top-section:before, .index-top-section:after {
        display: table;
        content: "";
        clear: both
    }

    .index-top-section .index-apply-box {
        float: left;
        width: 326px;
        height: 345px;
        border: 2px solid #ededed;
        margin-right: 20px
    }

        .index-top-section .index-apply-box .index-apply-tabtitle {
            *zoom: 1
        }

            .index-top-section .index-apply-box .index-apply-tabtitle:before, .index-top-section .index-apply-box .index-apply-tabtitle:after {
                display: table;
                content: "";
                clear: both
            }

            .index-top-section .index-apply-box .index-apply-tabtitle .at-tab {
                float: left;
                height: 42px;
                line-height: 20px;
                width: 80px;
                padding: 7px 0;
                border-bottom: 2px solid #f3f3f3;
                border-right: 1px solid #f3f3f3;
                font-size: 14px;
                font-weight: 700;
                color: #818181;
                text-align: center;
                cursor: pointer
            }

                .index-top-section .index-apply-box .index-apply-tabtitle .at-tab.mall {
                    border-right: 0
                }

                .index-top-section .index-apply-box .index-apply-tabtitle .at-tab.active, .index-top-section .index-apply-box .index-apply-tabtitle .at-tab:hover {
                    color: #197ae5;
                    border-bottom-color: #197ae5
                }

        .index-top-section .index-apply-box .index-apply-tabcontent {
            outline: 0
        }

            .index-top-section .index-apply-box .index-apply-tabcontent .at-section {
                display: none;
                padding: 15px 18px
            }

            .index-top-section .index-apply-box .index-apply-tabcontent .h3 {
                color: #818181;
                font-size: 12px;
                margin-bottom: 20px
            }

            .index-top-section .index-apply-box .index-apply-tabcontent .bottom-news {
                border-top: 1px solid #f4f4f4;
                width: 272px;
                padding: 8px 10px;
                color: #bfbfbf;
                font-size: 12px;
                text-align: center
            }

    .index-top-section .index-right-box {
        float: right
    }

        .index-top-section .index-right-box .main-banner {
            height: 320px;
            position: relative;
            width: 850px;
            float: left
        }

            .index-top-section .index-right-box .main-banner .arrow {
                display: none
            }

                .index-top-section .index-right-box .main-banner .arrow a {
                    width: 28px;
                    height: 62px;
                    display: block;
                    position: absolute;
                    top: 130px;
                    cursor: pointer
                }

                    .index-top-section .index-right-box .main-banner .arrow a.prev {
                        background: url(https://s2.51offer.com/51offer/home/img/2015-09-29/index.png) no-repeat;
                        background-position: 0 0;
                        left: 0
                    }

                    .index-top-section .index-right-box .main-banner .arrow a.next {
                        background: url(https://s2.51offer.com/51offer/home/img/2015-09-29/index.png) no-repeat;
                        background-position: -30px 0;
                        right: 0
                    }

            .index-top-section .index-right-box .main-banner:hover .arrow {
                display: block
            }

            .index-top-section .index-right-box .main-banner .contents {
                cursor: pointer;
                height: 320px;
                position: relative;
                width: 100%;
                z-index: 0
            }

                .index-top-section .index-right-box .main-banner .contents li {
                    height: 320px;
                    left: 0;
                    top: 0;
                    width: 100%;
                    z-index: 0;
                    background: url(data:image/gif; base64,R0lGODlhAQABAIAAAP///wAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) no-repeat center
                }

                    .index-top-section .index-right-box .main-banner .contents li a {
                        display: block;
                        height: 100%;
                        width: 100%
                    }

            .index-top-section .index-right-box .main-banner .switchers {
                bottom: 20px;
                left: 50%;
                position: absolute;
                z-index: 1;
                margin-left: -30px;
                *zoom: 1
            }

                .index-top-section .index-right-box .main-banner .switchers:before, .index-top-section .index-right-box .main-banner .switchers:after {
                    display: table;
                    content: "";
                    clear: both
                }

                .index-top-section .index-right-box .main-banner .switchers li {
                    background: url(https://s2.51offer.com/51offer/home/img/2015-10-20/index-icons.png) no-repeat;
                    background-position: 0 -60px;
                    cursor: pointer;
                    float: left;
                    height: 15px;
                    margin-right: 5px;
                    width: 15px
                }

                .index-top-section .index-right-box .main-banner .switchers .active {
                    background-position: 0 -75px
                }

            .index-top-section .index-right-box .main-banner .container {
                height: 460px;
                left: 50%;
                margin-left: -500px;
                position: absolute;
                top: 0;
                width: 350px;
                min-width: 350px
            }

        .index-top-section .index-right-box .index-little-box {
            border: 1px solid #eaeaea;
            width: 848px;
            height: 118px;
            clear: both;
            *zoom: 1
        }

            .index-top-section .index-right-box .index-little-box:before, .index-top-section .index-right-box .index-little-box:after {
                display: table;
                content: "";
                clear: both
            }

            .index-top-section .index-right-box .index-little-box .little-title {
                margin: 14px 0 12px;
                color: #818181;
                font-size: 16px;
                line-height: 16px;
                *zoom: 1
            }

                .index-top-section .index-right-box .index-little-box .little-title:before, .index-top-section .index-right-box .index-little-box .little-title:after {
                    display: table;
                    content: "";
                    clear: both
                }

                .index-top-section .index-right-box .index-little-box .little-title .l-shu {
                    border-left: 2px solid #3a9bfc;
                    height: 18px;
                    margin-right: 15px;
                    float: left
                }

                .index-top-section .index-right-box .index-little-box .little-title .title {
                    float: left;
                    margin-right: 20px
                }

                .index-top-section .index-right-box .index-little-box .little-title .active {
                    color: #333
                }

            .index-top-section .index-right-box .index-little-box .left-section {
                float: left;
                width: 537px;
                height: 100%;
                border-right: 1px solid #eaeaea
            }

                .index-top-section .index-right-box .index-little-box .left-section .left-section-content {
                    *zoom: 1
                }

                    .index-top-section .index-right-box .index-little-box .left-section .left-section-content:before, .index-top-section .index-right-box .index-little-box .left-section .left-section-content:after {
                        display: table;
                        content: "";
                        clear: both
                    }

                    .index-top-section .index-right-box .index-little-box .left-section .left-section-content .section {
                        padding: 0 15px;
                        float: left;
                        display: block;
                        *zoom: 1
                    }

                        .index-top-section .index-right-box .index-little-box .left-section .left-section-content .section:before, .index-top-section .index-right-box .index-little-box .left-section .left-section-content .section:after {
                            display: table;
                            content: "";
                            clear: both
                        }

                        .index-top-section .index-right-box .index-little-box .left-section .left-section-content .section i {
                            display: block;
                            width: 58px;
                            height: 58px;
                            float: left;
                            margin-right: 8px;
                            background: url(https://s2.51offer.com/51offer/home/img/2015-09-29/index.png) no-repeat
                        }

                            .index-top-section .index-right-box .index-little-box .left-section .left-section-content .section i.icon1 {
                                background-position: -80px 0
                            }

                            .index-top-section .index-right-box .index-little-box .left-section .left-section-content .section i.icon2 {
                                background-position: -150px 0
                            }

                            .index-top-section .index-right-box .index-little-box .left-section .left-section-content .section i.icon3 {
                                background-position: -220px 0
                            }

                        .index-top-section .index-right-box .index-little-box .left-section .left-section-content .section div {
                            float: left;
                            width: 68px;
                            font-size: 16px;
                            color: #676767
                        }

                    .index-top-section .index-right-box .index-little-box .left-section .left-section-content .arrow {
                        float: left;
                        width: 22px;
                        height: 66px;
                        background: url(https://s2.51offer.com/51offer/home/img/2015-09-29/index.png) no-repeat;
                        background-position: -304px 0
                    }

            .index-top-section .index-right-box .index-little-box .right-section {
                float: left;
                width: 310px;
                height: 100%
            }

                .index-top-section .index-right-box .index-little-box .right-section .title {
                    padding-bottom: 4px;
                    cursor: pointer
                }

                    .index-top-section .index-right-box .index-little-box .right-section .title.active {
                        border-bottom: 2px solid #3a9bfc
                    }

                .index-top-section .index-right-box .index-little-box .right-section .right-section-content {
                    padding: 0 15px
                }

                    .index-top-section .index-right-box .index-little-box .right-section .right-section-content .section {
                        display: none;
                        font-size: 14px;
                        *zoom: 1
                    }

                        .index-top-section .index-right-box .index-little-box .right-section .right-section-content .section:before, .index-top-section .index-right-box .index-little-box .right-section .right-section-content .section:after {
                            display: table;
                            content: "";
                            clear: both
                        }

                        .index-top-section .index-right-box .index-little-box .right-section .right-section-content .section img {
                            float: left;
                            margin-right: 15px
                        }

                        .index-top-section .index-right-box .index-little-box .right-section .right-section-content .section div {
                            max-width: 185px;
                            margin-top: 5px;
                            float: left;
                            color: #333
                        }

                            .index-top-section .index-right-box .index-little-box .right-section .right-section-content .section div span {
                                color: #fd9b27
                            }

                            .index-top-section .index-right-box .index-little-box .right-section .right-section-content .section div small {
                                font-size: 12px;
                                color: #555
                            }

.form-group {
    margin-bottom: 20px;
    position: relative;
    *zoom: 1
}

    .form-group:before, .form-group:after {
        display: table;
        content: "";
        clear: both
    }

    .form-group .state-bar {
        position: relative;
        float: left;
        margin-right: 5px
    }

    .form-group .check {
        background-color: #fff;
        border: 1px solid #c6c9cc;
        color: #999;
        cursor: pointer;
        display: block;
        height: 38px;
        line-height: 38px;
        text-align: center;
        width: 69px
    }

        .form-group .check.error {
            border-color: #e84c3d;
            color: #e84c3d
        }

    .form-group .icons {
        background: url(https://s2.51offer.com/51offer/images/2014-09-02/icon-15.png) no-repeat;
        display: none;
        height: 19px;
        position: absolute;
        right: 0;
        top: 0;
        width: 22px
    }

    .form-group .check.checked {
        border-color: #43a0ff;
        color: #43a0ff
    }

        .form-group .check.checked .icons {
            display: block
        }

    .form-group .input-control.text input {
        width: 274px;
        height: 32px;
        line-height: normal;
        background-color: #fff;
        border: 1px solid #c6c9cc;
        color: #cdcdcd;
        padding: 0 6px
    }

        .form-group .input-control.text input.error {
            border-color: #e84c3d
        }

    .form-group .input-control.text.w159p {
        width: 161px;
        float: right
    }

        .form-group .input-control.text.w159p input {
            width: 147px
        }

    .form-group .input-control.dropdown {
        display: block;
        float: none;
        height: auto;
        margin-right: 10px;
        padding: 0
    }

        .form-group .input-control.dropdown .dropdown-toggle {
            background-color: #fff;
            height: 32px;
            line-height: 32px;
            width: 274px;
            border: 1px solid #c6c9cc;
            color: #676767;
            cursor: pointer;
            display: block;
            font-size: 12px;
            padding: 0 6px
        }

            .form-group .input-control.dropdown .dropdown-toggle span {
                height: 32px;
                line-height: 32px;
                white-space: nowrap
            }

            .form-group .input-control.dropdown .dropdown-toggle .caret {
                top: 13px;
                color: gray;
                float: right;
                position: relative
            }

            .form-group .input-control.dropdown .dropdown-toggle.checked {
                color: #333
            }

        .form-group .input-control.dropdown .dropdown-menu {
            top: 33px;
            width: 286px;
            border: 1px solid #c6c9cc;
            color: #cdcdcd;
            cursor: pointer;
            font-size: 12px;
            line-height: 24px;
            max-height: 240px;
            overflow-y: auto
        }

            .form-group .input-control.dropdown .dropdown-menu a {
                height: 32px;
                line-height: 32px;
                background-color: #fff;
                color: #818181;
                cursor: pointer;
                overflow: hidden;
                padding: 0 7px;
                text-overflow: ellipsis;
                white-space: nowrap
            }

                .form-group .input-control.dropdown .dropdown-menu a:hover {
                    background-color: #f5f7f7
                }

        .form-group .input-control.dropdown .error {
            border-color: #d9534f
        }

            .form-group .input-control.dropdown .error .caret {
                color: #d9534f
            }

        .form-group .input-control.dropdown.w116p {
            width: 118px;
            float: left
        }

            .form-group .input-control.dropdown.w116p .dropdown-toggle {
                width: 104px
            }

            .form-group .input-control.dropdown.w116p .dropdown-menu {
                width: 116px
            }

        .form-group .input-control.dropdown.w159p {
            width: 161px;
            float: right;
            margin-right: 0
        }

            .form-group .input-control.dropdown.w159p .dropdown-toggle {
                width: 147px
            }

            .form-group .input-control.dropdown.w159p .dropdown-menu {
                width: 159px
            }

    .form-group .input-control.radio {
        cursor: pointer;
        display: inline-block;
        margin-right: 20px;
        padding-top: 1px;
        text-align: left;
        width: auto
    }

        .form-group .input-control.radio .helper i {
            background: url(https://s2.51offer.com/51offer/diy/img/2015-06-26/icons.png) no-repeat 0 -100px;
            display: inline-block;
            height: 13px;
            margin-right: 5px;
            position: relative;
            top: 1px;
            width: 13px
        }

        .form-group .input-control.radio .checked i {
            background-position: -30px -100px
        }

        .form-group .input-control.radio .disabled {
            color: #ccc;
            cursor: text
        }

            .form-group .input-control.radio .disabled i {
                background-position: -120px -100px
            }

        .form-group .input-control.radio .disabled-checked {
            color: #ccc;
            cursor: text
        }

            .form-group .input-control.radio .disabled-checked i {
                background-position: -90px -100px
            }

        .form-group .input-control.radio .error {
            color: #e84c3d
        }

            .form-group .input-control.radio .error i {
                background-position: -60px -100px
            }

    .form-group .btn {
        background-color: #ff9c00;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        height: 42px;
        line-height: 42px;
        padding: 0;
        text-align: center;
        width: 286px
    }

        .form-group .btn:hover {
            background-color: #f78400
        }

    .form-group div.error {
        color: #e84c3d;
        display: none;
        left: 0;
        position: absolute;
        top: 100%
    }

        .form-group div.error span.err {
            margin: 0 2px;
            position: relative;
            top: 3px
        }
        .mt20p {
    margin-top: 20px
}

.mt30p {
    margin-top: 30px
}

.mt40p {
    margin-top: 40px
}

.mr30p {
    margin-right: 30px
}




input, textarea {
    outline: none;
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

input, select, textarea {
    font-size: 100%;
}

:-ms-input-placeholder {
    font-weight: 400 !important;
    color: #999;
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

::-webkit-input-placeholder {
    font-weight: 400 !important;
    color: #999;
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

:-moz-placeholder {
    font-weight: 400 !important;
    color: #999;
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

::-moz-placeholder {
    font-weight: 400 !important;
    color: #999;
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
}

.clearfix {
    zoom: 1;
}

input[type="button"], input[type="submit"], input[type="reset"] {
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 0;
}

textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

.w100b {
    width: 100%;
}

.white-bg {
    background: #fff;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.mt5 {
    margin-top: 5px;
}

.mb5 {
    margin-bottom: 5px;
}

.ml5 {
    margin-left: 5px;
}

.mr5 {
    margin-right: 5px;
}

.mlr5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mb15 {
    margin-bottom: 15px;
}

.ml15 {
    margin-left: 15px;
}

.mr15 {
    margin-right: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.ml20 {
    margin-left: 20px;
}

.mr20 {
    margin-right: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mb30 {
    margin-bottom: 30px;
}

.ml30 {
    margin-left: 30px;
}

.mr30 {
    margin-right: 30px;
}

.pt5 {
    padding-top: 5px;
}

.pb5 {
    padding-bottom: 5px;
}

.pl5 {
    padding-left: 5px;
}

.pr5 {
    padding-right: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.plr10 {
    padding-left: 10px;
    padding-right: 10px;
}

.p10 {
    padding: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pb15 {
    padding-bottom: 15px;
}

.pl15 {
    padding-left: 15px;
}

.pr15 {
    padding-right: 15px;
}

.plr15 {
    padding-left: 15px;
    padding-right: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.pl20 {
    padding-left: 20px;
}

.pr20 {
    padding-right: 20px;
}

.plr20 {
    padding-left: 20px;
    padding-right: 20px;
}

.p20 {
    padding: 20px;
}

.no-cont {
    background-color: #fff;
    text-align: center;
    padding: 50px;
    font-size: 14px;
    color: #999;
}

    .no-cont img {
        vertical-align: middle;
        margin-right: 10px;
    }

.article-con table {
    margin-bottom: 14px;
    margin-top: 12px;
}

    .article-con table tr td {
        padding: 5px;
        border-color: #ddd;
        line-height: 22px;
        font-size: 16px;
        color: #666;
    }

    .article-con table tr.firstRow td {
    }

body {
    background: #f5f5f5;
}

a {
    color: #666;
}

    a:hover {
        color: #dd3635;
    }

.wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}

.min-w {
    min-width: 1200px;
}

.theme-color {
    color: #dd3635;
}

.theme-color2 {
    color: #2b70ae;
}

.theme-bg {
    background: #dd3635;
}

.theme-bg2 {
    background: #2b70ae;
}

.theme-bg3 {
    background: #ecf5fa;
}

.title3 .h2.new-colorr1 {
    color: #2b70ae;
}

.split-line {
    font-size: 12px;
    color: #c8c8c8;
    font-family: "simsun";
    font-weight: 400;
}

.bt-so {
    border-top: 1px solid #ededee;
}

.bb-so {
    border-bottom: 1px solid #ededee;
}

.bl-so {
    border-left: 1px solid #ededee;
}

.bb-so2 {
    border-bottom: 2px solid #dd3635;
}

.br-so {
    border-right: 1px solid #f6f7f8;
}

.bb-da {
    border-bottom: 1px dashed #d1d5e1;
}

.bb-da2 {
    border-bottom: 1px dashed #eee;
}

.bt-da {
    border-top: 1px dashed #ededee;
}

.portrait {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.left-part1 {
    width: 189px;
}

.right-part1 {
    width: 1010px;
}

.left-part {
    width: 890px;
}

.right-part {
    width: 290px;
}

.width1 {
    width: 300px;
}

.width2 {
    width: 590px;
}

.width3 {
    width: 290px;
    background: #fff;
    position: relative;
}

.width4 {
    width: 372px;
}

.width5 {
    width: 1050px;
}

.width6 {
}

.width7 {
    width: 290px;
}

.width8 {
    width: 880px;
}

.height1 {
    height: 328px;
}

.height2 {
    height: 378px;
}

.height3 {
    height: 296px;
}

.height4 {
    height: 718px;
}

.height5 {
    height: 416px;
}

.height6 {
    height: 300px;
}

.height7 {
    height: 238px;
}

.height8 {
    height: 210px;
}

.height9 {
    height: 404px;
}

.see-more {
    font-size: 14px;
    color: #999;
}

    .see-more:hover {
        color: #dd3635;
    }

.list-ul4 {
    position: relative;
}

.see-more1 {
    position: absolute;
    right: 0;
    top: -42px;
}

.title1 {
}

    .title1 .h2 {
        font-size: 16px;
    }

.title2 {
    margin-right: -2px;
}

    .title2 a {
        display: block;
        float: left;
        margin-right: 2px;
        width: 108px;
        height: 38px;
        line-height: 38px;
        background: #eaeaea;
        font-size: 14px;
        text-align: center;
    }

        .title2 a.spe {
            width: 110px;
        }

        .title2 a:hover {
            color: #dd3635;
        }

        .title2 a.active {
            background: #dd3635;
            color: #fff;
        }

.title3 {
}

    .title3 .h2 {
        font-size: 20px;
        color: #666;
        width: 293px;
    }

.title4 {
}

    .title4 .h3 {
        font-size: 14px;
        color: #999;
        font-weight: 400;
    }

    .title4 .see-more {
        font-size: 14px;
    }

.title5 {
}

    .title5 a {
        float: left;
        display: block;
        margin-right: 10px;
        width: 70px;
        height: 24px;
        line-height: 24px;
        background: #f2f2f2;
        font-size: 14px;
        text-align: center;
    }

        .title5 a:hover {
            color: #dd3635;
        }

        .title5 a.active {
            position: relative;
            background-color: #dd3635;
            color: #fff;
        }

.title6 {
    width: 150px;
    height: 45px;
    line-height: 45px;
    text-align: center;
}

    .title6 .h2 {
        color: #fff;
        font-size: 16px;
    }

        .title6 .h2 span {
            font-size: 20px;
        }

.title7 {
    height: 24px;
}

    .title7 h3 {
        font-size: 16px;
        border-bottom: 1px solid #2b70ae;
        padding-bottom: 8px;
        margin-bottom: -1px;
    }

.title8 {
    line-height: 32px;
    font-size: 14px;
}

.title9 {
}

    .title9 a {
        margin-right: 8px;
        font-size: 16px;
        padding-bottom: 8px;
        color: #666;
        font-weight: 700;
    }

        .title9 a.active {
            border-bottom: 1px solid #2b70ae;
            margin-bottom: -1px;
            color: #2b70ae;
        }

.title10 {
}

    .title10 a {
        margin-right: 8px;
        font-size: 14px;
        padding-bottom: 8px;
        color: #666;
        font-weight: 700;
    }

        .title10 a.active {
            border-bottom: 1px solid #2b70ae;
            margin-bottom: -1px;
            color: #2b70ae;
        }

.title11 {
    margin-top: 2px;
}

    .title11 a {
        padding-left: 6px;
        padding-right: 6px;
        font-size: 14px;
        border-radius: 3px;
    }

        .title11 a.active {
            background: #dd3635;
            color: #fff;
        }

.title12 {
}

    .title12 .h2 {
        font-size: 18px;
    }

.title13 {
}

    .title13 a {
        margin-left: 4px;
        margin-right: 4px;
        padding-left: 6px;
        padding-right: 6px;
        font-size: 14px;
    }

        .title13 a.active {
            background: #ff9f00;
            color: #fff;
        }

.title14 {
}

    .title14 a {
        margin-left: 4px;
        margin-right: 4px;
        font-size: 14px;
    }

        .title14 a.active {
            border-bottom: 2px solid #2b70ae;
            color: #2b70ae;
        }

.title15 {
    height: 40px;
    line-height: 40px;
}

    .title15 a {
        float: left;
        display: block;
        width: 88px;
        color: #999;
        font-size: 14px;
        text-align: center;
    }

        .title15 a.active {
            background: #2b70ae;
            color: #fff;
        }

.title16 {
    height: 40px;
    line-height: 40px;
}

    .title16 a {
        float: left;
        display: block;
        width: 100px;
        font-size: 16px;
        text-align: center;
    }

        .title16 a.active {
            background: #2b70ae;
            color: #fff;
        }

.title17 {
    margin-right: -2px;
    height: 24px;
    line-height: 24px;
}

    .title17 a {
        float: left;
        display: block;
        margin-right: 2px;
        width: 70px;
        font-size: 14px;
        text-align: center;
        background: #f2f2f2;
    }

        .title17 a.active {
            position: relative;
            background: #dd3635;
            color: #fff;
        }

            .title17 a.active:before {
                content: "";
                position: absolute;
                left: 30px;
                bottom: -5px;
                display: block;
                width: 10px;
                height: 5px;
                background-image: url(../image/icon-index-normal.png);
                background-repeat: no-repeat;
                background-position: -330px -150px;
            }

.titlee1 {
    margin-right: -2px;
    height: 26px;
    line-height: 26px;
}

    .titlee1 a {
        float: left;
        display: block;
        margin-right: 2px;
        width: 71px;
        font-size: 14px;
        text-align: center;
        background: #f2f2f2;
    }

        .titlee1 a:hover {
            background: #dd3635;
            color: #fff;
        }

.title18 {
}

    .title18 a {
        margin-right: 8px;
        font-size: 16px;
        padding-bottom: 4px;
        color: #666;
    }

        .title18 a.active {
            border-bottom: 2px solid #dd3635;
            margin-bottom: -2px;
            color: #dd3635;
            font-weight: 700;
        }

.tip-line {
    height: 24px;
    line-height: 24px;
    background: #fffbf0;
    text-indent: 10px;
    font-size: 12px;
    color: #999;
}

.ranking-tab1 {
}

    .ranking-tab1 a {
        float: left;
        display: block;
        width: 56px;
        height: 28px;
        line-height: 28px;
        background: #eaeaea;
        text-align: center;
        font-size: 14px;
    }

        .ranking-tab1 a.active, .ranking-tab1 a:hover {
            background: #dd3635;
            color: #fff;
        }

.horn-line {
    padding-left: 10px;
    height: 38px;
    line-height: 38px;
    background: #fffbf0;
    border: 1px solid #f8e6b9;
}

    .horn-line a {
        margin-left: 6px;
        margin-right: 6px;
        font-size: 14px;
    }

    .horn-line .icon-horn {
        margin-left: 0;
        margin-right: 0;
    }

.ad01 {
    display: block;
    width: 550px;
    height: 56px;
}

.ad02 {
    display: block;
    width: 270px;
    height: 70px;
}

.ad03 {
    display: block;
    width: 550px;
    height: 41px;
}

.ad04 {
    display: block;
    width: 1200px;
    height: 100px;
}

.ad05 {
    display: block;
    width: 760px;
    height: 60px;
}

.ad06 {
    display: block;
    width: 270px;
    height: 60px;
}

.ad07 {
    display: block;
    width: 290px !important;
    height: 80px !important;
}

.ad08 {
    display: block;
    width: 730px;
    height: 80px;
}

    .ad01 img, .ad02 img, .ad03 img, .ad04 img, .ad05 img, .ad06 img, .ad07 img, .ad08 img {
        width: 100%;
        height: 100%;
    }

.f-l-con {
    position: relative;
    padding-left: 78px;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 28px;
    font-size: 14px;
    color: #666;
}

    .f-l-con .tit {
        position: absolute;
        top: 5px;
        left: 0;
        display: block;
        width: 78px;
        height: 28px;
        line-height: 28px;
    }

    .f-l-con a {
        float: left;
        margin-right: 14px;
        line-height: 28px;
    }

        .f-l-con a.spe {
            float: right;
            margin-right: 0;
        }

.block1 {
    background: #ecf5fa;
    border: 1px solid #e9e9e9;
    text-align: center;
    font-size: 14px;
    color: #666;
}

    .block1:hover {
        background: #2b70ae;
        border-color: #2b70ae;
        color: #fff;
    }

.block2 {
    background: #fff;
    border: 1px solid #e9e9e9;
    text-align: center;
    font-size: 14px;
    color: #666;
}

    .block2:hover {
        background: #2b70ae;
        border-color: #2b70ae;
        color: #fff;
    }

.search-bar-sm {
}

    .search-bar-sm .inp {
        padding-left: 6px;
        width: 168px;
        height: 28px;
        line-height: 28px;
        border: none;
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    .search-bar-sm .btn {
        width: 64px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background: #ff9f00;
        font-size: 14px;
        color: #fff;
        border: none;
    }

.share-btn, .collection-btn, .compare-btn {
    line-height: 18px;
    color: #999;
    font-size: 12px;
}

    .share-btn:hover, .collection-btn:hover, .compare-btn:hover {
        color: #dd3635;
    }

.compare-btn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    height: 18px;
    line-height: 18px;
    background: #efefef;
    border: 1px solid #dfdfdf;
    font-size: 12px;
}

.compare-btn-done {
    background: #e96243;
    color: #fff;
}

    .compare-btn-done:hover {
        color: #fff;
    }

.icon-compare:before {
    content: "";
    display: block;
    float: left;
    margin-left: 3px;
    margin-top: 2px;
    width: 14px;
    height: 14px;
    background-color: #fff;
}

.compare-btn-done .icon-compare:before {
    background-image: url(../image/icon-index-normal.png);
    background-repeat: no-repeat;
    background-position: -88px -88px;
    background-color: #fff;
}

.icon-search:before, .icon-horn:before, .icon-arrow1:before, .icon-ranking1:before, .icon-had:before, .icon-hadno:before, .icon-zk:before, .icon-bkw:before, .icon-jd:before, .icon-bk:before, .icon-yjs:before, .icon-gw:before, .icon-eye:before, .icon-bk-group:before, .icon-star:before, .icon-blue-dot:before, .title5 a.active:before, .icon-interview:before, .icon-yxk:before, .icon-zyk:before, .icon-jzk:before, .icon-location:before, .icon-letter:before, .icon-star2:before, .icon-classify:before, .icon-del:before, .icon-del2:before, .icon-arrow2:before, .icon-arrow3:before, .icon-add:before, .icon-arrow4:before, .icon-star3:before, .icon-bm:before, .icon-bmlc-bg:before, .icon-star4:before {
    content: "";
    background-image: url(../image/icon-index-normal.png);
    background-repeat: no-repeat;
}

.icon-search:before {
    display: block;
    width: 17px;
    height: 18px;
    background-position: 0 0;
}

.icon-horn:before {
    display: inline-block;
    width: 15px;
    height: 14px;
    background-position: 0 -90px;
    vertical-align: middle;
}

.icon-arrow1:before {
    display: inline-block;
    width: 6px;
    height: 11px;
    font-size: 0;
    background-position: 0 -60px;
    vertical-align: middle;
}

.icon-ranking1:before {
    display: inline-block;
    margin-right: 5px;
    width: 18px;
    height: 18px;
    background-position: 0 -120px;
    vertical-align: middle;
}

.icon-had:before, .icon-hadno:before {
    display: block;
    width: 16px;
    height: 16px;
}

.icon-had:before {
    background-position: 0 -150px;
}

.icon-hadno:before {
    background-position: -30px -150px;
}

.icon-zk:before, .icon-bkw:before, .icon-jd:before, .icon-bk:before, .icon-yjs:before, .icon-gw:before {
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

.icon-zk:before {
    background-position: -120px 0;
}

.icon-bkw:before {
    background-position: -120px -30px;
}

.icon-jd:before {
    background-position: -120px -60px;
}

.icon-bk:before {
    background-position: -120px -90px;
}

.icon-yjs:before {
    background-position: -120px -120px;
}

.icon-gw:before {
    background-position: -120px -150px;
}

.icon-zk:hover:before, .icon-bkw:hover:before, .icon-jd:hover:before, .icon-bk:hover:before, .icon-yjs:hover:before, .icon-gw:hover:before {
    background-position-x: -150px;
}

.icon-eye:before {
    display: inline-block;
    margin-right: 4px;
    vertical-align: 1px;
    width: 14px;
    height: 8px;
    font-size: 0;
    background-position: -180px 0;
}

a:hover .icon-eye:before, .icon-eye:hover:before {
    background-position-x: -210px;
}

.icon-bk-group:before {
    display: inline-block;
    width: 92px;
    height: 26px;
    vertical-align: -7px;
    background: url(../image/add-qq.jpg) no-repeat;
}

.icon-star:before {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background-position: -180px -60px;
}

.icon-blue-dot:before {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    background-position: -180px -120px;
}

.title5 a.active:before {
    position: absolute;
    bottom: -6px;
    left: 31px;
    display: block;
    width: 10px;
    height: 6px;
    background-position: -180px -150px;
}

.icon-interview:before {
    display: inline-block;
    margin-right: 6px;
    width: 24px;
    height: 19px;
    background-position: -210px -120px;
    vertical-align: middle;
}

.icon-yxk:before, .icon-zyk:before, .icon-jzk:before {
    display: inline-block;
    margin-right: 4px;
    vertical-align: -2px;
    font-size: 0;
}

.icon-yxk:before {
    width: 12px;
    height: 14px;
    background-position: -270px 0;
}

.icon-zyk:before {
    width: 14px;
    height: 14px;
    background-position: -270px -30px;
}

.icon-jzk:before {
    width: 11px;
    height: 14px;
    background-position: -270px -60px;
}

.icon-yxk:hover:before, .icon-zyk:hover:before, .icon-jzk:hover:before, .icon-yxk.active:before, .icon-zyk.active:before, .icon-jzk.active:before {
    background-position-x: -300px;
}

.icon-location:before {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 16px;
    height: 20px;
    background-position: -210px -150px;
}

.icon-letter:before {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    background-position: -240px -150px;
}

.icon-star2:before {
    display: inline-block;
    vertical-align: -1px;
    margin-right: 6px;
    width: 14px;
    height: 14px;
    background-position: -240px -120px;
}

.icon-classify:before {
    display: inline-block;
    vertical-align: -1px;
    margin-right: 6px;
    width: 14px;
    height: 14px;
    background-position: -270px -150px;
}

.icon-del:before {
    display: block;
    width: 8px;
    height: 8px;
    font-size: 0;
    background-position: -300px -120px;
}

.icon-del2:before {
    display: inline-block;
    vertical-align: -1px;
    margin-right: 4px;
    width: 12px;
    height: 12px;
    font-size: 0;
    background-position: -300px -90px;
}

.icon-del2:hover:before {
    background-position: -280px -90px;
}

.icon-arrow2:before {
    display: inline-block;
    margin-left: 5px;
    width: 8px;
    height: 10px;
    background-position: -330px 0;
    vertical-align: middle;
}

.icon-arrow3:before {
    display: inline-block;
    margin-left: 5px;
    width: 8px;
    height: 10px;
    background-position: -330px -30px;
    vertical-align: middle;
}

.icon-add:before {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    width: 11px;
    height: 11px;
    font-size: 0;
    background-position: -60px -90px;
    cursor: pointer;
}

.icon-arrow4:before {
    display: block;
    position: absolute;
    left: 3px;
    top: 16px;
    width: 6px;
    height: 12px;
    font-size: 0;
    background-position: -60px -120px;
}

.icon-star3:before {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-position: -240px -60px;
    vertical-align: -1px;
}

.icon-star3-yellow:before {
    background-position: -210px -60px;
}

.icon-bm:before {
    display: inline-block;
    margin-right: 5px;
    width: 12px;
    height: 12px;
    background-position: -300px -150px;
    vertical-align: -1px;
}

.icon-bmlc-bg {
    position: relative;
}

    .icon-bmlc-bg:before {
        display: block;
        position: absolute;
        top: 10px;
        right: -3px;
        width: 5px;
        height: 62px;
        background-position: -330px -60px;
    }

.icon-major1, .icon-major2, .icon-major3, .icon-major4, .icon-major5 {
    display: inline-block;
    margin-right: 4px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    vertical-align: 1px;
    font-weight: 300;
}

.icon-major1 {
    background: #4794d9;
}

.icon-major2 {
    background: #54c041;
}

.icon-major3 {
    background: #8b69da;
}

.icon-major4 {
    background: #d01f36;
}

.icon-major5 {
    background: #f4a930;
}

.icon-star4:before {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-position: 0 -180px;
    vertical-align: middle;
}

.icon-yxk2:before, .icon-zyk2:before, .icon-jzk2:before, .icon-bkcs2:before, .icon-xwzx2:before, .icon-zsdt2:before, .icon-zcfg2:before, .icon-jwgg2:before, .icon-xyjy2:before, .icon-msft2:before, .icon-zxhd2:before, .icon-xytj2:before {
    content: "";
    display: block;
    margin-top: 15px;
    margin-bottom: 2px;
    margin-left: auto;
    margin-right: auto;
    height: 32px;
    background-image: url(../image/icon-index2.png);
    background-repeat: no-repeat;
}

.icon-yxk2:before {
    width: 32px;
    background-position: 0 0;
}

.icon-zyk2:before {
    width: 24px;
    background-position: 0 -40px;
}

.icon-jzk2:before {
    width: 30px;
    background-position: 0 -80px;
}

.icon-bkcs2:before {
    width: 27px;
    background-position: 0 -120px;
}

.icon-xwzx2:before {
    width: 28px;
    background-position: 0 -160px;
}

.icon-zsdt2:before {
    width: 26px;
    background-position: 0 -200px;
}

.icon-zcfg2:before {
    width: 31px;
    background-position: 0 -240px;
}

.icon-jwgg2:before {
    width: 29px;
    background-position: 0 -280px;
}

.icon-xyjy2:before {
    width: 34px;
    background-position: 0 -320px;
}

.icon-msft2:before {
    width: 27px;
    background-position: 0 -360px;
}

.icon-zxhd2:before {
    width: 24px;
    background-position: 0 -400px;
}

.icon-xytj2:before {
    width: 30px;
    background-position: 0 -440px;
}

.icon-yxk2:hover:before, .icon-zyk2:hover:before, .icon-jzk2:hover:before, .icon-bkcs2:hover:before, .icon-xwzx2:hover:before, .icon-zsdt2:hover:before, .icon-zcfg2:hover:before, .icon-jwgg2:hover:before, .icon-xyjy2:hover:before, .icon-msft2:hover:before, .icon-zxhd2:hover:before, .icon-xytj2:hover:before {
    background-position-x: -40px;
}

.icon-bm-title1:before, .icon-bm-title2:before, .icon-bm-title3:before, .icon-bm-title4:before, .icon-bm-title5:before, .icon-bm-title6:before, .icon-bm-title7:before, .icon-bm-title8:before {
    content: "";
    display: block;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 26px;
    height: 34px;
    background-image: url(../image/icon-bm-title.png);
    background-repeat: no-repeat;
}

.icon-bm-title1:before {
    background-position: 0 0;
}

.icon-bm-title2:before {
    background-position: 0 -40px;
}

.icon-bm-title3:before {
    background-position: 0 -80px;
}

.icon-bm-title4:before {
    background-position: 0 -120px;
}

.icon-bm-title5:before {
    background-position: 0 -160px;
}

.icon-bm-title6:before {
    background-position: 0 -200px;
}

.icon-bm-title7:before {
    background-position: 0 -240px;
}

.icon-bm-title8:before {
    background-position: 0 -280px;
}

.icon-bm-title1:hover:before, .icon-bm-title2:hover:before, .icon-bm-title3:hover:before, .icon-bm-title4:hover:before, .icon-bm-title5:hover:before, .icon-bm-title6:hover:before, .icon-bm-title7:hover:before, .icon-bm-title8:hover:before {
    background-position-x: -40px;
}

.icon-block1, .icon-block2 {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background: #eaeaea;
    color: #999;
    font-weight: 700;
}

.icon-block1 {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
}

.icon-block1-spe1 {
    background: #dd3635;
    color: #fff;
}

.icon-block1-spe2 {
    background: #ff9f00;
    color: #fff;
}

.icon-block2 {
    margin-right: 5px;
    width: 18px;
    height: 18px;
    line-height: 18px;
}

.icon-block2-spe {
    background: #ff9f00;
    color: #fff;
}

.icon-block3:before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    width: 3px;
    height: 3px;
    background: #e0e0e0;
    vertical-align: middle;
}

.article-con a {
    color: #eb613c;
}

a.keylink {
    color: #136ec2;
    border-bottom: 1px dotted #136ec2;
}

    a.keylink:hover {
        color: #eb613c;
        border-bottom: 1px solid #eb613c;
    }

.other-add {
    position: relative;
    display: inline-block;
}

.other-add-cont {
    position: absolute;
    left: 13px;
    top: -10px;
    padding-left: 8px;
    z-index: 98;
}

.other-add-con {
    padding: 5px;
    min-width: 60px;
    line-height: 22px;
    border: 1px solid #e3e3e3;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px #e3e3e3;
    font-size: 14px;
    color: #333;
    z-index: 99;
    text-align: center;
    display: none;
}

.other-add:hover .other-add-con {
    display: block;
}

.nheight1 {
    height: 768px;
}

.nheight2 {
    height: 218px;
}

.h238 {
    height: 238px;
}

.h153 {
    height: 153px;
}

.h328 {
    height: 328px;
}

.h184 {
    height: 184px;
}

.h265 {
    height: 265px;
}

.nli {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 270px;
}

.index-mid-mid1 .word-style1 {
    padding-top: 8px;
    padding-bottom: 7px;
}

.area-borb .five-method {
    padding: 10px;
    padding-bottom: 0;
}

.area-borb .six-people, .area-borb .ques-ranking {
    padding: 10px;
    border-bottom: 10px solid #f5f5f5;
}

.list-ul3.index-list-w .list-tit {
    width: 200px;
}

.index-ad-fd {
    border-top: 10px solid #f5f5f5;
}

    .index-ad-fd .con2 {
        margin-right: -10px;
    }

        .index-ad-fd .con2 a {
            float: left;
            margin-right: 10px;
            margin-bottom: 8px;
            display: block;
            width: 129px;
            height: 60px;
            text-align: center;
        }

            .index-ad-fd .con2 a img {
                width: 100%;
                height: 100%;
            }

.index-widd {
    width: 900px;
}

.index-conr {
    width: 900px;
    background: #fff;
    box-sizing: border-box;
    padding-top: 0;
}

    .index-conr .h2 {
        font-size: 18px;
        line-height: 40px;
        border-bottom: 1px solid #ededed;
    }

        .index-conr .h2 a {
            font-weight: normal;
        }

.index-ccon .chosen-list {
    position: relative;
    float: left;
    width: 220px;
    height: 50px;
    margin: 20px 0 0;
}

    .index-ccon .chosen-list dt {
        float: left;
        margin-right: 14px;
    }

        .index-ccon .chosen-list dt img {
            width: 45px;
            height: 45px;
        }

    .index-ccon .chosen-list .tit {
        line-height: 22px;
        font-size: 16px;
        font-weight: 700;
    }

        .index-ccon .chosen-list .tit a {
            color: #2b70ae;
        }

    .index-ccon .chosen-list .detail {
        line-height: 26px;
        font-size: 14px;
    }

        .index-ccon .chosen-list .detail a {
            margin-right: 10px;
            color: #999;
        }

    .index-ccon .chosen-list .tag {
        position: absolute;
        top: 0;
        right: 0;
    }

.index-ccon .chosen-list-hov .tag {
    top: 0;
    right: 0;
}

.index-ccon .chosen-list .tag a {
    float: left;
    display: block;
    padding-left: 4px;
    padding-right: 4px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
}

.index-ccon .chosen-list .tag .tag2 {
    background: #3b90dd;
}

.index-ccon .chosen-list .tag .tag3 {
    background: #dd3635;
}

.index-ccon .chosen-list .tag .tag66 {
    background: #f68921;
}

.index-ccon .chosen-list .tag .tag67 {
    background: #3b90dd;
}

.index-ccon .chosen-list .tag .tag68 {
    background: #2d686f;
}

.index-ccon .chosen-title2 {
    padding-left: 10px;
    padding-right: 10px;
    height: 36px;
    line-height: 36px;
    background: #f2f2f2;
    font-size: 14px;
    color: #666;
    font-weight: 700;
}

.index-ccon {
    width: 100%;
}

    .index-ccon .chosen-list2 {
        width: 176px;
    }

    .index-ccon .chosen-list .detail a:hover, .index-ccon .chosen-list .tit a:hover {
        color: #dd3635;
    }

.index-more-rule {
    display: block;
    height: 36px;
    line-height: 36px;
    color: #dd3635;
    background: #f6f6f6;
    text-align: center;
    font-size: 16px;
}

    .index-more-rule:hover {
        color: #fff;
        background: #dd3635;
    }

.index-rule-are .area-site-rule .rule-list {
    padding: 9px 0 0 0;
}

.hot-zt .hot-zt-con1 {
    padding-top: 4px;
}

.index-rule-are .rule-list-con {
    height: 559px;
    overflow: hidden;
    position: relative;
}

.index-ad a {
    display: block;
    width: 1200px;
    height: 98px;
}

    .index-ad a img {
        width: 100%;
        height: 100%;
    }

.index-bot-list .list-width1 {
    width: 370px;
}

.index-bot-list .title1 {
    width: 100%;
    height: 23px;
}

    .index-bot-list .title1 .see-more {
        padding-top: 7px;
    }

    .index-bot-list .title1 .h2 {
        border-bottom: 2px solid #2b70ae;
        padding-bottom: 7px;
        font-size: 20px;
    }

.index-bad a {
    display: block;
    width: 370px;
    height: 190px;
    margin: 10px 0;
}

    .index-bad a img {
        width: 100%;
        height: 100%;
    }

.index-bot-list .list-ul4 li {
    position: relative;
    padding-left: 12px;
    overflow: hidden;
}

    .index-bot-list .list-ul4 li:before {
        width: 5px;
        height: 5px;
        background: #cdcdcd;
        border-radius: 50%;
        content: '';
        position: absolute;
        top: 12px;
        left: 1px;
    }

.index-bot-list .index-bmore li {
    float: left;
    font-size: 14px;
    margin-top: 7px;
    margin-left: 15px;
}

    .index-bot-list .index-bmore li a {
        color: #999;
    }

        .index-bot-list .index-bmore li a:hover {
            color: #dd3635;
        }

.index-bot-list .list-width2 {
    width: 780px;
    margin-left: 30px;
}

    .index-bot-list .list-width2 .index-bc {
        width: 380px;
        float: left;
        height: 240px;
    }

        .index-bot-list .list-width2 .index-bc .index-bad a {
            display: block;
            width: 380px;
            height: 100px;
        }

.index-bad a img {
    width: 100%;
    height: 100%;
}

.ques-ranking-h {
    height: 315px;
    overflow: hidden;
}

.index-wd-h {
    height: 426px;
    overflow: hidden;
}

.new-listt5 .img-list5 {
    margin-top: 10px;
    margin-bottom: 0;
    height: 45px;
    width: 174px;
}

.top {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #f5f5f5;
    color: #666;
}

.split-line {
    font-size: 12px;
    color: #c8c8c8;
    font-family: "simsun";
}

.top-left {
    position: relative;
}

.top-area-change {
    position: absolute;
    top: 40px;
    left: 218px;
    width: 100px;
    height: 100px;
    background: #eee;
}

.top-setion {
    position: relative;
    height: 40px;
}

.top-list-menu {
    width: 74px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #f5f5f5;
    color: #666;
    text-align: center;
}

.top-list {
    position: absolute;
    top: 39px;
    left: 0;
    border: 1px solid #e6e6e6;
    border-top: none;
    background-color: #fff;
    z-index: 100;
    display: none;
}

    .top-list li {
        line-height: 30px;
        width: 74px;
        text-align: center;
        cursor: pointer;
    }

    .top-list .spe {
        border-top: 1px dashed #e6e6e6;
    }

    .top-list li a {
        display: block;
    }

        .top-list li a:hover {
            background: #f9f9f9;
            color: #d58f15;
        }

.i-top-arrow1:after, .i-top-arrow2:after {
    content: "";
    display: inline-block;
    margin-left: 5px;
    width: 9px;
    height: 5px;
    background: url(../image/top-icon.png) no-repeat;
    vertical-align: middle;
}

.i-top-arrow1:after, .i-top-arrow2:after {
    background-position: 0 0;
}

.top-drop .i-top-arrow2:after {
    background-position-x: -10px;
}

.top-drop .top-list-menu {
    color: #666;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-bottom: 1px solid #fff;
}

.top-are {
    position: relative;
    float: left;
}

.top_qie {
    width: auto;
    height: auto;
    position: absolute;
    top: 40px;
    left: 8px;
    display: none;
    z-index: 999;
}

    .top_qie a {
        color: #259;
    }

        .top_qie a:hover {
            color: #d60000;
        }

.topQie_02 {
    height: 29px;
    background: #f8f8f8;
    line-height: 29px;
    border-top: 1px solid #ccd3e4;
    border-bottom: 1px solid #ccd3e4
}

    .topQie_02 strong {
        color: #f60;
        font-weight: normal;
        margin-left: 10px;
    }

    .topQie_02 a {
        padding-right: 14px;
    }

        .topQie_02 a.close_city {
            float: right;
            width: 26px;
            height: 30px;
            border-left: 1px solid #ccd3e4;
            background: url(../image/top-nicon.png) no-repeat;
            padding-right: 0;
        }

.topQie_03 {
    line-height: 31px;
    height: 156px;
    overflow: auto;
}

    .topQie_03 > div {
        float: left;
        width: 100%;
        border-bottom: 1px dashed #d7ddeb;
    }

        .topQie_03 > div:last-child {
            border: none;
        }

        .topQie_03 > div p {
            margin-left: 30px;
        }

    .topQie_03 a {
        float: left;
        overflow: hidden;
        color: #259;
        text-align: center;
        margin-right: 14px;
    }

    .topQie_03 span {
        float: left;
        margin-left: 10px;
    }

.top_qie h5 {
    background: url(../image/top-nicon.png) no-repeat -33px 0;
    height: 10px;
    left: 25px;
    position: absolute;
    top: -6px;
    width: 12px;
}

.top-are .i-top-arrow1 {
    width: 50px;
}

    .top-are .i-top-arrow1:hover {
        color: #666;
    }

dl.login_city {
    width: 325px;
    padding: 15px 10px 10px;
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    font-size: 14px;
    float: left;
}

    dl.login_city dd {
        width: 65px;
        float: left;
        line-height: 20px;
        white-space: nowrap;
        margin: 0 0 4px 0;
    }

        dl.login_city dd a {
            display: inline-block;
            padding: 5px 10px;
            border-radius: 3px;
            color: #000;
        }

            dl.login_city dd a:hover {
                background-color: #e8eff6;
                color: #333
            }

        dl.login_city dd.current a {
            background: #ff4f53;
            color: #fff
        }

.right-kefu {
    position: fixed;
    right: 19px;
    top: 30%;
    font-size: 12px;
    z-index: 999;
}

    .right-kefu ul li {
        position: relative;
    }

.kefu-close {
    position: absolute;
    width: 14px;
    height: 14px;
    background: url(../image/right-kefu.png) no-repeat;
    background-position: -70px -40px;
    right: 0;
    top: -16px;
}

.kefu-ul-h {
}

.kefu-hov {
    width: 50px;
    height: 50px;
    background: #fff;
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

    .kefu-hov i {
        display: inline-block;
        background: url(../image/right-kefu.png) no-repeat;
    }

.kefu-online {
    width: 50px;
    height: 70px;
    background: #2b70ae;
    text-align: center;
    margin-bottom: 5px;
    display: block;
}

    .kefu-online i {
        width: 27px;
        height: 25px;
        display: inline-block;
        background: url(../image/right-kefu.png) no-repeat;
        background-position: -150px -5px;
        margin-top: 7px;
    }

    .kefu-online p {
        color: #fff;
        line-height: 14px;
    }

.kefu-phone i {
    width: 22px;
    height: 28px;
    background-position: -5px -5px;
    margin-top: 13px;
}

.kefu-code i {
    width: 29px;
    height: 23px;
    background-position: -35px -5px;
    margin-top: 15px;
}

.kefu-share i {
    width: 26px;
    height: 26px;
    background-position: -71px -5px;
    margin-top: 13px;
}

.kefu-apply i {
    width: 26px;
    height: 25px;
    background-position: -105px -5px;
    margin-top: 13px;
}

.kefu-gotop {
    display: none;
    float: left;
}

    .kefu-gotop i {
        width: 25px;
        height: 15px;
        background-position: -35px -40px;
        margin-top: 17px;
    }

.kefu-font {
    display: none;
}

.kefu-con {
    position: absolute;
    right: 50px;
    top: 0;
    padding-right: 10px;
    display: none;
    width: 134px;
}

.kefu-hide {
    background: #fff;
    border: 1px solid #ecebeb;
    padding: 10px;
    box-shadow: 0 0 10px #ddd;
}

.kefu-arrow {
    width: 7px;
    height: 10px;
    background: url(../image/right-kefu.png) no-repeat;
    background-position: -150px -60px;
    position: absolute;
    right: 4px;
    top: 10px;
}

.kefu-ol-con {
    border-top: 1px solid #F2F2F2;
    padding-top: 10px;
}

.kefu-ol .kefu-ol-con:first-child {
    border-top: none;
    padding-top: 0;
}

.kefu-hide .kefu-tit {
    color: #2b70ae;
    font-size: 14px;
    font-weight: normal;
}

.kefu-ol-con ul li a {
    width: 52px;
    height: 22px;
    display: inline-block;
    background: url(../image/right-kefu.png) no-repeat;
    margin-top: 10px;
    margin-bottom: 10px;
}

.kefu-ol-con ul li:first-child a {
    margin-right: 6px;
}

.kefu-ol-con ul li {
    float: left;
}

    .kefu-ol-con ul li a.kefu-qq {
        background-position: -5px -60px;
    }

    .kefu-ol-con ul li a.kefu-zx {
        background-position: -70px -60px;
    }

.kefu-hide .kefu-mobile .kefu-h3 {
    color: #a4a3a3;
    margin-bottom: 10px;
}

.kefu-hide .kefu-fx .kefu-tit {
    color: #a4a3a3;
}

.kefu-hide .kefu-mobile .kefu-h3.kefu-time:before {
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../image/right-kefu.png) no-repeat;
    background-position: -105px -40px;
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -2px;
}

.kefu-hide .kefu-mobile .kefu-h4 {
    color: #dd3635;
    font-size: 19px;
    white-space: nowrap;
    margin-bottom: 16px;
    font-family: arial;
    font-weight: normal;
}

.kefu-ewm img {
    width: 111px;
    height: 111px;
}

.kefu-ewm p {
    color: #706f6f;
    margin-top: 5px;
    text-align: center;
}

.kefu-more {
    width: 50px;
    display: block;
    text-align: center;
    background: #fff;
    margin-bottom: 5px;
    display: none;
    float: left;
}

    .kefu-more i {
        width: 22px;
        height: 7px;
        display: inline-block;
        background: url(../image/right-kefu.png) no-repeat;
        background-position: -5px -40px;
    }

#share-iconn {
    margin-right: -10px;
}

    #share-iconn a {
        margin-right: 10px;
        margin-top: 10px;
        margin-bottom: 0;
        padding: 0;
        width: 30px;
        height: 30px;
        background: url(../image/right-kefu.png) no-repeat;
        float: left;
    }

        #share-iconn a:hover {
            color: #333;
            opacity: .8;
            filter: alpha(opacity=80);
        }

    #share-iconn .bds_qzone {
        background-position: 0 -36px;
    }

    #share-iconn .bds_weixin {
        background-position: -5px -140px;
    }

    #share-iconn .bds_tsina {
        background-position: -80px -100px;
    }

    #share-iconn .bds_tqq {
        background-position: -40px -100px;
    }

    #share-iconn .bds_renren {
        background-position: 0 -144px;
    }

    #share-iconn .bds_sqq {
        background-position: -39px -140px;
    }

    #share-iconn .bds_bdhome {
        background-position: -5px -100px;
    }

    #share-iconn .bds_more {
        background-position: -80px -140px;
    }

.kefu-hob {
    transition: background .5s;
    background: #2b70ae;
    color: #fff;
}

    .kefu-hob:hover {
        color: #fff;
    }

    .kefu-hob i.kefu-i {
        display: none;
    }

    .kefu-hob p.kefu-font {
        display: block;
        padding-top: 11px;
        line-height: 14px;
    }

.header-index {
    height: 100px;
}

.logo {
    /*margin-top: 30px;*/
}

.search-bar {
    margin-top: 30px;
    margin-left: 50px;
}

.search-bar-l {
    position: relative;
    width: 461px;
    height: 34px;
    border: 2px solid #ff9f00;
}

.icon-search {
    position: absolute;
    top: 8px;
    left: 10px;
}

.search-bar-l input {
    display: block;
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-indent: 40px;
    border: none;
    font-size: 14px;
    color: #666;
}

.hot-search {
    position: absolute;
    top: 0;
    right: 0;
}

    .hot-search a {
        display: inline-block;
        margin-top: 8px;
        margin-right: 10px;
        padding: 3px;
        background: #eee;
        font-size: 12px;
        color: #999;
    }

        .hot-search a:hover {
            background: #ff9f00;
            color: #fff;
        }

.hot-search-div {
    position: absolute;
    top: 34px;
    left: -2px;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 461px;
    border: 2px solid #ff9f00;
    background: #fff;
    z-index: 1000;
    display: none;
}

    .hot-search-div li {
    }

        .hot-search-div li a {
            display: block;
            padding-left: 10px;
            line-height: 28px;
            font-size: 14px;
        }

            .hot-search-div li a:hover {
                background: #f2f2f2;
            }

.search-bar-r {
    width: 98px;
    height: 38px;
    border: none;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    background: #ff9f00;
}

.header-tel {
    margin-top: 30px;
    margin-right: 20px;
}

.footer-index-up {
}

    .footer-index-up ul {
        margin-right: 86px;
    }

        .footer-index-up ul.spe {
            margin-right: 0;
        }

    .footer-index-up li {
        line-height: 26px;
        font-size: 14px;
        color: #666;
    }

        .footer-index-up li.tit {
            line-height: 30px;
            font-size: 16px;
            font-weight: 700;
        }

        .footer-index-up li a {
            font-size: 14px;
        }

    .footer-index-up dl {
        margin-left: 38px;
        width: 80px;
        text-align: center;
    }

        .footer-index-up dl.spe {
            margin-left: 0;
        }

        .footer-index-up dl dd {
            line-height: 26px;
            font-size: 14px;
            font-weight: 700;
            color: #666;
        }

        .footer-index-up dl dt {
            width: 80px;
            height: 80px;
        }

            .footer-index-up dl dt a img {
                width: 100%;
                height: 100%;
            }

.footer-index-mid {
    text-align: center;
}

    .footer-index-mid a {
        display: inline-block;
        margin-left: 8px;
        margin-right: 8px;
    }

.footer-index-botm {
    text-align: center;
    color: #666;
}

.nav-index {
    height: 42px;
}

    .nav-index li {
        float: left;
        height: 42px;
        line-height: 42px;
        text-align: center;
    }

        .nav-index li .split-line {
            color: #53a2e5;
        }

        .nav-index li a {
            margin-left: 4px;
            margin-right: 4px;
            font-size: 14px;
            color: #fff;
        }

            .nav-index li a:hover, .nav-index li a.active {
                border-bottom: 1px solid #fff;
            }

.list-ul1 {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .list-ul1 li {
        height: 34px;
        line-height: 32px;
        overflow: hidden;
    }

        .list-ul1 li a {
            font-size: 16px;
        }

        .list-ul1 li .spe {
        }

        .list-ul1 li .split-line {
            padding-left: 2px;
            padding-right: 6px;
        }

.list-ul2 {
}

    .list-ul2 li {
        position: relative;
        padding-left: 30px;
        padding-top: 2px;
        padding-bottom: 2px;
        line-height: 20px;
        height: 42px;
        overflow: hidden;
    }

        .list-ul2 li i {
            position: absolute;
            top: 4px;
            left: 0;
            display: block;
            width: 20px;
            height: 20px;
        }

        .list-ul2 li a {
            font-size: 14px;
            color: #333;
        }

        .list-ul2 li .spe {
        }

.list-ul3 {
    margin-top: 10px;
}

    .list-ul3 li {
        padding-top: 3px;
        padding-bottom: 4px;
        line-height: 22px;
    }

        .list-ul3 li.spe {
            padding-bottom: 0;
        }

    .list-ul3 .icon-ywbd, .list-ul3 .tw-btn:before {
        background-image: url(../image/icon-right-wd.png);
        background-repeat: no-repeat;
    }

    .list-ul3 .icon-ywbd {
        display: block;
        margin-top: 3px;
        margin-right: 8px;
        width: 18px;
        height: 18px;
        text-align: center;
        background-position: 0 0;
        color: #fff;
        font-size: 14px;
        font-family: Arial;
    }

    .list-ul3 .list-tit {
        width: 200px;
    }

    .list-ul3 .list-block {
        display: block;
        margin-top: 6px;
        padding-top: 3px;
        width: 34px;
        height: 31px;
        background: #d0d0d0;
        color: #fff;
        line-height: 14px;
        text-align: center;
        font-size: 12px;
    }

        .list-ul3 .list-block strong {
            display: block;
            font-weight: 400;
        }

    .list-ul3 a {
        font-size: 14px;
        color: #333;
    }

        .list-ul3 a:hover {
            color: #dd3635;
        }

            .list-ul3 a:hover .list-block {
                background: #dd3635;
            }

    .list-ul3 .tw-btn {
        display: block;
        width: 100%;
        height: 36px;
        line-height: 36px;
        color: #fff;
        text-align: center;
        font-size: 16px;
    }

        .list-ul3 .tw-btn:hover {
            color: #fff;
            background: #bb2524;
        }

        .list-ul3 .tw-btn:before {
            content: "";
            margin-right: 8px;
            display: inline-block;
            vertical-align: middle;
            width: 10px;
            height: 16px;
            font-size: 0;
            background-position: 0 -20px;
        }

.list-ul4 {
}

    .list-ul4 li {
        height: 30px;
        line-height: 30px;
    }

        .list-ul4 li a {
            font-size: 14px;
        }

    .list-ul4 .right-con {
        height: 30px;
    }

        .list-ul4 .right-con span, .list-ul4 .right-con strong, .list-ul4 .right-con a {
            display: inline-block;
            text-align: center;
            font-size: 14px;
        }

        .list-ul4 .right-con span {
            width: 88px;
            color: #666;
        }

        .list-ul4 .right-con .spe {
            text-decoration: line-through;
        }

        .list-ul4 .right-con strong {
            width: 88px;
        }

        .list-ul4 .right-con a {
            width: 74px;
            height: 26px;
            line-height: 26px;
            color: #fff;
            background: #ff9f00;
        }

.img-list-con {
    margin-right: -10px;
}

.img-list {
    float: left;
    margin: 10px;
    width: 217px;
}

    .img-list dt a {
        display: block;
        width: 212px;
        height: 156px;
        overflow: hidden;
    }

        .img-list dt a img {
            display: block;
            width: 217px;
            height: 156px;
            transition: 2s;
            -webkit-transition: 2s;
            -moz-transition: 2s;
            -o-transition: 2s;
        }

        .img-list dt a:hover img {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
        }

    .img-list dd {
        line-height: 32px;
        text-align: center;
        margin:0;
    }

        .img-list dd a {
            font-size: 14px;
        }

.img-con2 {
    margin-right: -10px;
}

    .img-con2 a {
        float: left;
        display: block;
        margin-right: 10px;
        margin-bottom: 10px;
        width: 130px;
        height: 130px;
        overflow: hidden;
    }

        .img-con2 a img {
            display: block;
            width: 130px;
            height: 130px;
            transition: 2s;
            -webkit-transition: 2s;
            -moz-transition: 2s;
            -o-transition: 2s;
        }

        .img-con2 a:hover img {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
        }

    .img-con2 a {
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .img-con2 a img {
            width: 120px;
            height: 120px;
            padding: 5px;
        }

.img-list2 {
}

    .img-list2 dt {
        margin-right: 10px;
        width: 130px;
        height: 130px;
    }

        .img-list2 dt a {
            display: block;
            width: 130px;
            height: 130px;
            overflow: hidden;
        }

            .img-list2 dt a img {
                display: block;
                width: 130px;
                height: 130px;
                transition: 2s;
                -webkit-transition: 2s;
                -moz-transition: 2s;
                -o-transition: 2s;
            }

            .img-list2 dt a:hover img {
                transform: scale(1.1);
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
            }

    .img-list2 .detail {
        line-height: 20px;
        font-size: 14px;
    }

    .img-list2 .book-btn {
        display: block;
        width: 60px;
        height: 28px;
        line-height: 28px;
        font-size: 14px;
        color: #fff;
        font-weight: 700;
        background: #dd3635;
        text-align: center;
    }

    .img-list2 .btn:hover {
        background: #bb2524;
    }

.img-list-con3 {
    margin-right: -30px;
    margin-left: 10px;
    margin-top: 20px;
}

.img-list3 {
    float: left;
    margin-bottom: 10px;
    margin-right: 15px;
}

    .img-list3 dt {
        margin-right: 10px;
        width: 212px;
        height: 156px;
    }

        .img-list3 dt a {
            display: block;
            width: 212px;
            height: 156px;
            overflow: hidden;
        }

            .img-list3 dt a img {
                display: block;
                width: 212px;
                height: 156px;
                transition: 2s;
                -webkit-transition: 2s;
                -moz-transition: 2s;
                -o-transition: 2s;
            }

            .img-list3 dt a:hover img {
                transform: scale(1.1);
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
            }

    .img-list3 dd {
        width: 212px;
        line-height: 22px;
        text-align: left;
        margin-top: 10px;
        height: 46px;
        overflow: hidden;
    }

        .img-list3 dd a {
            font-size: 14px;
        }

.img-list4 {
    padding-bottom: 10px;
}

    .img-list4 dt {
        margin-right: 10px;
        width: 130px;
        height: 96px;
    }

        .img-list4 dt a {
            display: block;
            width: 130px;
            height: 96px;
            overflow: hidden;
        }

            .img-list4 dt a img {
                width: 130px;
                height: 96px;
                transition: 2s;
                -webkit-transition: 2s;
                -moz-transition: 2s;
                -o-transition: 2s;
            }

            .img-list4 dt a:hover img {
                transform: scale(1.1);
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
            }

    .img-list4 .tit {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 20px;
    }

    .img-list4 .detail {
        line-height: 22px;
        color: #999;
    }

.img-list5-con {
    margin-right: -10px;
}

.img-list5 {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 174px;
    height: 42px;
}

    .img-list5 dt {
        margin-right: 8px;
        width: 40px;
        height: 40px;
    }

        .img-list5 dt a {
            display: block;
            width: 40px;
            height: 40px;
            overflow: hidden;
        }

            .img-list5 dt a img {
                width: 100%;
                height: 100%;
            }

    .img-list5 dd {
        line-height: 18px;
        color: #666;
    }

        .img-list5 dd a {
            font-size: 14px;
        }

.ranking-partn .list-ul2 li {
    position: relative;
    padding-left: 10px;
    max-height: 48px;
    overflow: hidden;
    height: auto;
    line-height: 24px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.right-ask-con span {
    display: none;
}

    .right-ask-con span.show {
        display: block;
    }

.ranking-partn .list-ul2 li:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    background: #ccc;
    border-radius: 50%;
    top: 15px;
    left: 0;
}

.ranking-partw .list-ul3 li {
    height: 40px;
    overflow: hidden;
}

.ranking-parth {
    float: left;
}

    .ranking-parth .title1 .h2 {
        width: 135px;
    }

    .ranking-parth .ranking-con {
        width: 135px;
        float: left;
    }

    .ranking-parth .list-ul a {
        width: 100px;
        height: 32px;
        overflow: hidden;
    }

.right-ask-ul {
    height: 42px;
    border-bottom: 1px solid #ededed;
}

    .right-ask-ul a {
        float: left;
        width: 117px;
        font-size: 18px;
        padding: 0;
        text-align: center;
        padding-right: 5px;
        height: 40px;
        line-height: 40px;
    }

        .right-ask-ul a:first-child {
            padding-right: 10px;
        }

        .right-ask-ul a.active {
            background: none;
            color: #eb613c;
            border-bottom: 3px solid #eb613c;
        }

.right-ask-con a {
    float: left;
    width: 118px;
    text-align: center;
    border: 1px solid #eaeaea;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    color: #333;
    overflow: hidden;
    padding: 0 5px;
    font-size: 13px;
}

    .right-ask-con a:nth-child(2n) {
        margin-right: 0;
    }

    .right-ask-con a:hover {
        background: #eb613c;
        color: #fff;
        border-color: #eb613c;
    }

.icon-block1-spee1 {
    background: #eb613c;
    color: #fff;
}

.icon-block1-spee2 {
    background: #eb7e3c;
    color: #fff;
}

.icon-block1-spee3 {
    background: #ebaf3c;
    color: #fff;
}

.hot-ztt {
    float: left;
}

    .hot-ztt .list-ul2 li {
        max-height: 42px;
        padding-top: 5px;
        padding-bottom: 5px;
        height: auto;
        border: 1px solid #ddd;
        border-radius: 6px;
        padding-right: 10px;
        word-break: break-all;
        display: inline;
        line-height: 36px;
        margin-right: 8px;
    }

        .hot-ztt .list-ul2 li a:hover {
            color: #dd3635;
        }

        .hot-ztt .list-ul2 li:before {
            content: normal;
        }

.list-ul3 i {
    background: url(../image/icon-right-wd.png) no-repeat;
    display: block;
    margin-top: 3px;
    margin-right: 8px;
    width: 18px;
    height: 18px;
    text-align: center;
    background-position: 0 0;
    color: #fff;
    font-size: 14px;
    font-family: Arial;
}

.shop-link:after {
    content: '';
    background: url(../image/icon-hot.png) no-repeat;
    width: 28px;
    height: 17px;
    margin-left: 5px;
    background-size: 100%;
    position: absolute;
    right: 5px;
    top: 4px;
}

.word-style1 {
    padding-top: 10px;
    padding-bottom: 5px;
}

    .word-style1 .h2 {
        padding-bottom: 4px;
        height: 24px;
        line-height: 24px;
        font-size: 18px;
        white-space: nowrap;
    }

    .word-style1 .split-line {
        padding-left: 8px;
        padding-right: 8px;
        font-size: 14px;
    }

    .word-style1 p {
        height: 28px;
        line-height: 28px;
        font-size: 16px;
        white-space: nowrap;
    }

.index-hot {
    position: relative;
}

.index-hot-style1 {
}

    .index-hot-style1 li {
        float: left;
        margin-right: 1px;
        height: 34px;
    }

        .index-hot-style1 li a {
            display: block;
            width: 64.55px;
            height: 34px;
            line-height: 34px;
            background: #eaeaea;
            font-size: 14px;
            text-align: center;
        }

            .index-hot-style1 li a.active, .index-hot-style1 li a:hover {
                background: #dd3635;
                color: #fff;
            }

            .index-hot-style1 li a.spe {
                width: 64.55px;
                position: relative;
            }

                .index-hot-style1 li a.spe.on {
                    z-index: 6;
                    height: 35px;
                    line-height: 33px;
                    background: #fff;
                    border: 1px solid #eaeaea;
                    border-bottom: none;
                    color: #666;
                    box-sizing: border-box;
                    box-shadow: 4px 0px 4px -1px rgba(221,221,221,.4);
                }

.index-hot-style2 {
    padding-top: 18px;
    padding-bottom: 18px;
    height: 44px;
    border-bottom: 1px dashed #d1d5e1;
}

    .index-hot-style2 li {
        float: left;
        width: 131px;
        border-right: 1px dashed #eee;
    }

        .index-hot-style2 li.spe1 {
            width: 65px;
            line-height: 44px;
            color: #999;
            font-size: 14px;
            border-right: none;
        }

        .index-hot-style2 li .tit {
            line-height: 22px;
            text-align: center;
        }

            .index-hot-style2 li .tit a {
                font-size: 14px;
            }

        .index-hot-style2 li .detail {
            line-height: 20px;
            text-align: center;
        }

            .index-hot-style2 li .detail a {
                float: left;
                margin-left: 8px;
                margin-right: 7px;
                font-size: 14px;
                color: #999;
            }

                .index-hot-style2 li .detail a:hover, .index-hot-style2 li.spe2 a:hover {
                    color: #dd3635;
                }

        .index-hot-style2 li.spe2 {
            width: 56px;
            line-height: 44px;
            text-align: center;
            border-right: none;
        }

            .index-hot-style2 li.spe2 a {
                color: #999;
                font-size: 14px;
            }

.index-hot-style3 {
    margin-right: -10px;
}

    .index-hot-style3 li {
        float: left;
        padding-top: 10px;
        padding-bottom: 4px;
        margin-right: 9px;
        width: 229px;
        height: 52px;
    }

        .index-hot-style3 li.spe1 {
            margin-right: 0;
            width: 65px;
            line-height: 44px;
            color: #999;
            font-size: 14px;
        }

        .index-hot-style3 li a {
            display: block;
            border: 1px solid #ddd;
        }

        .index-hot-style3 li p a {
            height: 55px;
            width: 1180px;
        }

        .index-hot-style3 li a img {
            width: 100%;
            height: 100%;
        }

.index-mid-mid {
    height: 763px;
}

.index-tj3 {
    position: relative;
}

.index-hot-style3 li p {
    position: absolute;
    display: none;
    top: 10px;
    left: 0;
    width: 1180px;
}

.today-news {
    height: 98px;
}

    .today-news .h2 {
        margin-right: 26px;
        padding-top: 26px;
        width: 44px;
        height: 72px;
        line-height: 22px;
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        text-align: center;
    }

.word-news {
    padding-top: 10px;
    width: 464px;
}

    .word-news h3 {
        padding-bottom: 4px;
        line-height: 30px;
    }

        .word-news h3 a {
            font-size: 18px;
            font-weight: 400;
            color: #333;
        }

            .word-news h3 a:hover {
                color: #dd3635;
            }

    .word-news p {
        line-height: 20px;
        font-size: 14px;
        color: #333;
    }

.img-news {
    padding-top: 14px;
    width: 312px;
}

.img-news-img {
    margin-right: 10px;
    width: 146px;
    height: 70px;
}

    .img-news-img img {
        width: 100%;
        height: 100%;
    }

.img-news h3 {
    line-height: 22px;
}

    .img-news h3 a {
        font-size: 16px;
        color: #333;
        font-weight: 400;
    }

        .img-news h3 a:hover {
            color: #dd3635;
        }

.ranking-part1 .title1 {
    line-height: 28px;
}

.ranking-con1 {
    padding-top: 10px;
}

    .ranking-con1 ul {
        width: 140px;
    }

    .ranking-con1 li {
        line-height: 32px;
        height: 33px;
        overflow: hidden;
    }

        .ranking-con1 li a {
            font-size: 14px;
        }

.index-mid-mid-botm {
}

    .index-mid-mid-botm .title2 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

.method-table span, .method-table a {
    float: left;
    display: block;
    font-size: 14px;
}

.method-table span {
    color: #666;
}

.method-line-fir {
    height: 26px;
    line-height: 26px;
    background: #f2f2f2;
    color: #999;
}

.method-width1 {
    padding-left: 4px;
    width: 120px;
}

.method-line-fir .method-width1 {
    text-align: center;
}

.method-width2 {
    width: 42px;
    text-align: center;
}

.method-width3 {
    width: 42px;
    text-align: center;
}

.method-width4 {
    width: 60px;
    text-align: center;
}

.method-line {
    height: 35px;
    line-height: 35px;
}

.method-table .icon-had:before, .method-table .icon-hadno:before {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.six-people-con {
    margin-right: -10px;
}

    .six-people-con a {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        display: block;
        padding-left: 10px;
        width: 120px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }

        .six-people-con a:hover {
            color: #fff;
            background: #2b70ae;
        }

.ques-ranking-con {
    padding-bottom: 5px;
}

    .ques-ranking-con li {
        height: 31px;
        line-height: 30px;
        overflow: hidden;
    }

        .ques-ranking-con li a {
            font-size: 14px;
        }

        .ques-ranking-con li .icon-eye {
            color: #999;
        }

.hot-zt {
    width: 1180px;
}

.hot-zt-con {
    padding-top: 3px;
}

.index-wd {
    width: 270px;
}

    .index-wd .see-more {
        padding-top: 2px;
    }

    .index-wd .list-ul3 a {
        width: 244px;
    }

    .index-wd .list-ul3 .tw-btn {
        width: 100%;
    }

.index-classify {
}

    .index-classify .title3 {
        line-height: 36px;
    }

.bk-group {
    font-size: 14px;
}

    .bk-group img {
        vertical-align: -5px;
    }

.index-classify .title3 .see-more {
    font-size: 16px;
    color: #666;
}

    .index-classify .title3 .see-more:hover {
        color: #dd3635;
    }

.index-classify-l {
    width: 280px;
    margin-right: 10px;
}

    .index-classify-l .tit {
        line-height: 22px;
        font-size: 16px;
        font-weight: 700;
    }

    .index-classify-l .tip {
        line-height: 22px;
        font-size: 14px;
        color: #666;
    }

    .index-classify-l li {
        position: relative;
        padding-left: 84px;
        padding-top: 5px;
        min-height: 24px;
        line-height: 24px;
        padding-bottom: 5px;
        font-size: 14px;
        color: #666;
    }

        .index-classify-l li .tit2 {
            display: block;
            position: absolute;
            top: 5px;
            left: 0;
            margin-right: 10px;
            padding-left: 10px;
            width: 64px;
            height: 24px;
            line-height: 24px;
            background-image: url(../image/icon-index-normal.png);
            background-repeat: no-repeat;
            background-position: -180px -30px;
            color: #fff;
            font-size: 12px;
        }

        .index-classify-l li .icon-star:before {
            margin-top: 2px;
            margin-right: 5px;
        }

    .index-classify-l .icon-hadno:before, .index-classify-l .icon-had:before {
        display: inline-block;
        margin-left: 6px;
        vertical-align: middle;
    }

.enter-btn1 {
    display: block;
    width: 270px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

    .enter-btn1:hover {
        color: #fff;
        background: #bb2524;
    }

.index-classify-m {
    margin-top: 5px;
    padding-left: 15px;
    width: 585px;
}

    .index-classify-m .title4 {
        line-height: 14px;
    }

        .index-classify-m .title4 .icon-blue-dot:before {
            margin-left: -21px;
        }

    .index-classify-m .content {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-right: -10px;
    }

        .index-classify-m .content a {
            float: left;
            margin-right: 10px;
            line-height: 34px;
            font-size: 16px;
            position: relative;
            padding-left: 10px;
        }

            .index-classify-m .content a:before {
                content: '';
                position: absolute;
                width: 3px;
                height: 3px;
                background: #ccc;
                border-radius: 50%;
                top: 15px;
                left: 0;
            }

    .index-classify-m .list-ul1 {
        padding-top: 3px;
        padding-bottom: 3px;
    }

        .index-classify-m .list-ul1 li {
            position: relative;
            height: 32px;
            padding-left: 10px;
        }

            .index-classify-m .list-ul1 li:before {
                content: '';
                position: absolute;
                width: 3px;
                height: 3px;
                background: #ccc;
                border-radius: 50%;
                top: 15px;
                left: 0;
            }

.hot-info .title4 {
    line-height: 24px;
}

    .hot-info .title4 .icon-blue-dot:before {
        margin-top: 5px;
    }

.see-num {
    font-size: 14px;
    color: #999;
}

.index-classify-r {
    width: 266px;
}

    .index-classify-r li {
        padding-bottom: 12px;
        font-size: 14px;
        color: #666;
    }

        .index-classify-r li.spe {
            padding-bottom: 0;
        }

        .index-classify-r li .tit3 {
            color: #999;
        }

    .index-classify-r .icon-blue-dot:before {
        margin-left: -21px;
    }

    .index-classify-r .con1 {
        margin-right: -10px;
    }

        .index-classify-r .con1 a {
            float: left;
            margin-right: 10px;
            margin-bottom: 10px;
            display: block;
            width: 128px;
            height: 35px;
            line-height: 35px;
            font-size: 14px;
            text-align: center;
        }

            .index-classify-r .con1 a:hover {
                color: #fff;
                background: #2b70ae;
            }

.sale-icon {
    margin-top: -4px;
    margin-left: 5px;
    display: block;
    width: 40px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.index-classify-r .con2 {
    margin-right: -10px;
}

    .index-classify-r .con2 a {
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
        display: block;
        width: 131px;
        height: 60px;
        text-align: center;
    }

        .index-classify-r .con2 a img {
            width: 100%;
            height: 100%;
        }

        .index-classify-r .con2 a.index-imgsp {
            width: 267px;
        }

        .index-classify-r .con2 a span {
            display: inline-block;
            height: 100%;
            vertical-align: middle;
        }

        .index-classify-r .con2 a img {
            vertical-align: middle;
        }

.index-fctj .title3 {
    line-height: 36px;
}

    .index-fctj .title3 a {
        margin-left: 20px;
        font-size: 16px;
        color: #666;
    }

        .index-fctj .title3 a:hover {
            color: #dd3635;
        }

.fctj-box {
}

    .fctj-box dl {
    }

.fctj-big dt a {
    display: block;
    width: 500px;
    height: 300px;
}

    .fctj-big dt a img {
        width: 100%;
        height: 100%;
    }

.fctj-box dd {
    line-height: 36px;
    height: 36px;
    width: 216px;
    overflow: hidden;
    text-align: center;
}

    .fctj-box dd a {
        font-size: 14px;
    }

.fctj-small {
    margin-left: 10px;
}

    .fctj-small dt a {
        display: block;
        width: 216px;
        height: 131px;
    }

        .fctj-small dt a img {
            width: 100%;
            height: 100%;
        }

.ul-more {
    position: relative;
}

    .ul-more .see-more {
        position: absolute;
        right: 0px;
        top: -29px;
    }

.ad-img .ad02 {
    width: 266px;
    height: 130px;
}

.img-tuji {
    width: 266px;
    height: 180px;
    overflow: hidden;
    position: relative;
}

    .img-tuji ul {
        height: 180px;
        position: absolute;
    }

    .img-tuji li {
        float: left;
        width: 266px;
        height: 180px;
        position: relative;
        overflow: hidden;
    }

        .img-tuji li a {
            display: inline-block;
            width: 266px;
            height: 180px;
        }

            .img-tuji li a img {
                width: 100%;
                height: 100%;
            }

    .img-tuji .btn {
        position: absolute;
        width: 246px;
        height: 10px;
        padding: 5px 10px;
        right: 0;
        bottom: 5px;
        text-align: center;
    }

        .img-tuji .btn span {
            display: inline-block;
            _display: inline;
            _zoom: 1;
            width: 26px;
            height: 5px;
            _font-size: 0;
            margin-left: 2px;
            margin-right: 2px;
            cursor: pointer;
            background: #c6c6c6;
        }

            .img-tuji .btn span.on {
                background: #dd3635;
            }

    .img-tuji .preNext {
        width: 36px;
        height: 36px;
        position: absolute;
        top: 50%;
        margin-top: -18px;
        background-image: url(../image/sprite.png);
        background-repeat: no-repeat;
        cursor: pointer;
        display: none;
    }

    .img-tuji .pre {
        left: 0;
        background-position: left top;
    }

    .img-tuji .next {
        right: 0;
        background-position: right top;
    }

.hot-info {
    height: 342px;
}

.index-morearea {
    position: absolute;
    right: 12px;
    border: 1px solid #eaeaea;
    background: #fff;
    text-align: center;
    width: 524.4px;
    height: 162px;
    box-sizing: border-box;
    box-shadow: 0 2px 10px #ddd;
    display: none;
}

    .index-morearea ul li {
        float: left;
        line-height: 34px;
        margin-top: 4.5px;
    }

        .index-morearea ul li:nth-child(8n+0) {
            width: 63.55px;
        }

        .index-morearea ul li a {
            display: block;
            width: 65.55px;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            transition: background .3s;
        }

            .index-morearea ul li a:hover {
                background: #eaeaea;
                color: #666;
            }

            .index-morearea ul li a:active {
                background: #dd3635;
                color: #fff;
            }

.index-list-h li {
    height: 49px;
    overflow: hidden;
    box-sizing: border-box;
}

    .index-list-h li.spe {
        height: 45px;
    }

.index-titL {
    width: 887px;
    font-size: 14px;
    position: relative;
    color: #333;
}

    .index-titL a {
        color: #f00;
    }

.index-ewm {
    position: absolute;
    top: 34px;
    left: 17px;
    border: 1px solid #ddd;
    padding: 5px;
    width: 80px;
    height: 80px;
    background: #fff;
    z-index: 999;
    color: #f00;
    display: none;
}

    .index-ewm:before {
        content: '';
        width: 17px;
        height: 10px;
        background: url(../image/ssj.png) no-repeat;
        display: inline-block;
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -8px;
    }

    .index-ewm img {
        width: 100%;
        height: 100%;
    }

.index-classify-m .list-no-d li {
    padding-left: 0;
}

    .index-classify-m .list-no-d li:before {
        width: 0;
    }

.index-hot-stylen li a {
    border: none;
    height: 55px;
}

.index-hot-stylen li p {
    width: 1181px;
}

    .index-hot-stylen li p a {
        width: 1181px;
    }

.focus {
    width: 300px;
    height: 370px;
    overflow: hidden;
    position: relative;
}

    .focus ul {
        height: 370px;
        position: absolute;
    }

        .focus ul li {
            float: left;
            width: 300px;
            height: 370px;
            overflow: hidden;
            position: relative;
        }

            .focus ul li a {
                display: block;
                width: 300px;
                height: 370px;
            }

                .focus ul li a img {
                    width: 100%;
                    height: 100%;
                }

            .focus ul li div {
                position: absolute;
                overflow: hidden;
            }

    .focus .btn {
        position: absolute;
        width: 280px;
        height: 10px;
        padding: 5px 10px;
        right: 0;
        bottom: 5px;
        text-align: center;
    }

        .focus .btn span {
            display: inline-block;
            _display: inline;
            _zoom: 1;
            width: 26px;
            height: 5px;
            _font-size: 0;
            margin-left: 2px;
            margin-right: 2px;
            cursor: pointer;
            background: #c6c6c6;
        }

            .focus .btn span.on {
                background: #dd3635;
            }

    .focus .preNext {
        width: 36px;
        height: 36px;
        position: absolute;
        top: 50%;
        margin-top: -18px;
        background-image: url(../image/sprite.png);
        background-repeat: no-repeat;
        cursor: pointer;
        display: none;
    }

    .focus .pre {
        left: 0;
        background-position: left top;
    }

    .focus .next {
        right: 0;
        background-position: right top;
    }

    .focus .text {
        position: absolute;
        left: 0;
        bottom: 0;
        padding-top: 5px;
        padding-left: 20px;
        padding-right: 20px;
        width: 260px;
        height: 45px;
        line-height: 22px;
        background: rgba(0,0,0,.5);
        font-size: 14px;
        color: #eee;
        text-align: center;
    }

.focus3 {
    width: 1180px;
    height: 355px;
    overflow: hidden;
    position: relative;
}

    .focus3 ul {
        height: 330px;
        position: absolute;
        overflow: hidden;
    }

        .focus3 ul li {
            float: left;
            width: 1180px;
            height: 330px;
            overflow: hidden;
            position: relative;
        }

    .focus3 .btn {
        position: absolute;
        width: 1160px;
        height: 10px;
        padding: 5px 10px;
        right: 0;
        bottom: 0;
        text-align: center;
    }

        .focus3 .btn span {
            display: inline-block;
            _display: inline;
            _zoom: 1;
            width: 44px;
            height: 6px;
            _font-size: 0;
            margin-left: 5px;
            margin-right: 5px;
            cursor: pointer;
            background: #c6c6c6;
        }

            .focus3 .btn span.on {
                background: #dd3635;
            }

    .focus3 .preNext {
        width: 36px;
        height: 36px;
        position: absolute;
        top: 45%;
        margin-top: -18px;
        background-image: url(../image/sprite.png);
        background-repeat: no-repeat;
        cursor: pointer;
        display: none;
    }

    .focus3 .pre {
        left: 0;
        background-position: left top;
    }

    .focus3 .next {
        right: 0;
        background-position: right top;
    }

    .focus3 .text {
        position: absolute;
        left: 0;
        bottom: 0;
        padding-top: 5px;
        padding-left: 20px;
        padding-right: 20px;
        width: 260px;
        height: 45px;
        line-height: 22px;
        background: rgba(0,0,0,.5);
        font-size: 14px;
        color: #eee;
        text-align: center;
    }

input::-ms-clear {
    display: none;
}

body {
}

.login-head {
    height: 110px;
}

    .login-head a {
        margin-top: 38px;
    }

    .login-head .split_line {
        margin-left: 25px;
        line-height: 110px;
        font-size: 24px;
        color: #d2d2d2;
    }

    .login-head span {
        margin-left: 15px;
        line-height: 110px;
        color: #666;
        font-size: 20px;
    }

.login-part {
    padding-top: 40px;
    padding-bottom: 40px;
    height: 445px;
}

.sign-in-part {
    height: 352px;
}

.login-left {
    width: 436px;
    padding-left: 100px;
    height: 445px;
    border-right: 1px dashed #d7d7d7;
}

.sign-in-part .login-left {
    height: 352px;
}

.login-right {
    width: 322px;
    padding-left: 40px;
}

.login-title {
}

    .login-title li, .sign-in-title {
        width: 166px;
        height: 36px;
        line-height: 36px;
        font-size: 18px;
        text-align: center;
    }

.sign-in-title {
    text-align: left;
    color: #666;
}

.xieyi-line {
    width: 338px;
}

.login-title li a {
    color: #666;
}

    .login-title li a:hover {
        color: #cc1e1e;
    }

.login-title li.active a {
    color: #cc1e1e;
}

.login-title .split_line {
    width: 1px;
    font-size: 16px;
    color: #d2d2d2;
}

.login-tips {
    margin-bottom: 6px;
    padding-left: 12px;
    width: 326px;
    height: 22px;
    line-height: 22px;
    background: #fdeeee;
    border: 1px solid #f8cccc;
    color: #666;
}

.login-line {
}

.login-input {
    position: relative;
    padding: 6px;
    width: 326px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #d2d2d2;
}

.login-line label {
    width: 36px;
    height: 31px;
    border-right: 1px solid #ebeaea;
    background: url(../image/icon-login.png) no-repeat;
}

.user-name label {
    background-position: -43px 5px;
}

.user-tel label {
    background-position: -43px -116px;
}

.user-mail label {
    background-position: -43px -192px;
}

.user-pwd label {
    background-position: -43px -35px;
}

.user-code label {
    background-position: -43px -76px;
}

.user-dx label {
    background-position: -43px -152px;
}

.login-line input {
    padding-left: 8px;
    width: 272px;
    height: 31px;
    border: none;
    font-size: 12px;
    color: #333;
}

.clear-input {
    position: absolute;
    right: 10px;
    top: 16px;
    width: 12px;
    height: 12px;
    background: url(../image/icon-attention2.png) no-repeat -4px -44px;
    display: none;
    z-index: 100;
}

.login-right p {
    line-height: 36px;
    font-size: 18px;
    color: #333;
}

.one-login {
    margin-top: 20px;
    text-align: center;
    background: url(../image/one-login-bg.png) no-repeat center center;
}

    .one-login span {
        color: #666;
    }

.fast-login {
    margin-top: 60px;
    text-align: center;
}

    .fast-login p {
        margin-top: 10px;
        margin-right: -30px;
        padding-left: 40px;
        margin-bottom: 20px;
    }

    .fast-login a {
        float: left;
        margin-right: 30px;
    }

        .fast-login a:before {
            content: "";
            display: inline-block;
            width: 59px;
            height: 59px;
            background: url(../image/fast-login-icon.png) no-repeat;
        }

    .fast-login .qq-icon:before {
        background-position: 0 0;
    }

    .fast-login .baidu-icon:before {
        background-position: -60px 0;
    }

    .fast-login .wechat-icon:before {
        background-position: -120px 0;
    }

    .fast-login .alipay-icon:before {
        background-position: 0 -60px;
    }

    .fast-login .qihu-icon:before {
        background-position: -60px -60px;
    }

    .fast-login .sina-icon:before {
        background-position: -120px -60px;
    }

    .fast-login a:hover:before {
        opacity: 0.6;
    }

.user-code, .user-dx {
    width: 146px;
}

    .user-code input, .user-dx input {
        width: 84px;
    }

.code-img {
    width: 113px;
    height: 45px;
    cursor: pointer;
}

.code-f5 {
    width: 47px;
    line-height: 45px;
    font-size: 14px;
    color: #0fa7f5;
}

.msg {
    width: 167px;
    height: 43px;
    line-height: 43px;
    background: #f6f6f6;
    border: 1px solid #d2d2d2;
    text-align: center;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}

.xieyi {
    line-height: 32px;
    color: #666;
}

    .xieyi input {
        margin-right: 6px;
        vertical-align: -2px;
    }

    .xieyi a {
        color: #cb1e1e;
    }

.btn-style {
    width: 340px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    font-family: "Microsoft YaHei";
    background: #2b70ae;
    border: none;
    cursor: pointer;
}

.btn-style2 {
    margin-left: 138px;
    color: #999;
    background: #fff;
    font-size: 16px;
}

.input-now {
    border-color: #49b449;
}

    .input-now label {
        background-position-x: -3px;
    }

.input-wrong {
    border-color: #ff5a5a;
}

.icon-login-tip-wrong:before {
    content: "";
    float: left;
    margin-top: 3px;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    background: url(../image/icon-attention2.png) no-repeat;
    background-position: -2px -22px;
}

.icon-login-tip-right:before {
    content: "";
    float: left;
    margin-top: 15px;
    width: 14px;
    height: 14px;
    background: url(../image/icon-attention2.png) no-repeat;
    background-position: -3px -3px;
}

.forget-pwd-nav {
    width: 790px;
    margin: 0 auto;
    background: url(../image/forget-pwd-bg.png) no-repeat 71px 12px;
}

.forget-pwd-nav2 {
    background-image: url(../image/forget-pwd-bg2.png);
}

.forget-pwd-nav3 {
    background-image: url(../image/forget-pwd-bg3.png);
}

.forget-pwd-nav4 {
    background-image: url(../image/forget-pwd-bg4.png);
}

.forget-pwd-nav li {
    float: left;
    width: 90px;
    margin-right: 142px;
    text-align: center;
}

    .forget-pwd-nav li:last-of-type {
        margin-right: 0;
    }

.forget-pwd-title {
    line-height: 46px;
    font-size: 18px;
    color: #666;
}

.forget-pwd-con {
    width: 390px;
    margin: 30px auto 0;
}

.forget-pwd-con4 {
    text-align: center;
}

.forget-pwd-p {
    line-height: 34px;
    font-size: 14px;
    color: #777;
}

.reset-tip {
    line-height: 80px;
    font-size: 18px;
    color: #666;
}

    .reset-tip .spe-color {
        color: #49b449;
    }

.href-tip {
    font-size: 18px;
    color: #1e9fee;
}

.login-window-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 10000;
}

.login-window {
    position: absolute;
    top: 120px;
    left: 50%;
    margin-left: -205px;
    width: 410px;
    height: 490px;
    background: #fff;
    z-index: 10001;
}

.close-login-window {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 12px;
    height: 12px;
    font-size: 12px;
    z-index: 10002;
}

.login-window-head {
    width: 100%;
    height: 98px;
    text-align: center;
}

    .login-window-head img {
        margin-top: 40px;
        width: 325px;
    }

.login-window-con {
    margin-left: 35px;
}

    .login-window-con .one-login {
        width: 340px;
        font-size: 14px;
        color: #666;
    }

    .login-window-con .fast-login {
        margin-top: 15px;
        width: 340px;
        margin-left: 35px;
        margin-right: -30px;
    }

        .login-window-con .fast-login a {
            float: left;
            margin-right: 30px;
            color: #bdbdbd;
            line-height: 30px;
        }

            .login-window-con .fast-login a:before {
                content: "";
                display: block;
                width: 44px;
                height: 44px;
                background: url(../image/fast-login-icon2.png) no-repeat;
            }

        .login-window-con .fast-login .qq-icon:before {
            background-position: 0 0px;
        }

        .login-window-con .fast-login .baidu-icon:before {
            background-position: 0 -50px;
        }

        .login-window-con .fast-login .wechat-icon:before {
            background-position: 0 -100px;
        }

        .login-window-con .fast-login .sina-icon:before {
            background-position: 0 -150px;
        }

a.return-index {
    font-size: 14px;
    color: #444;
    margin-top: 50px;
}

    a.return-index .arrow {
        font-family: "simsun";
        margin-left: 5px;
    }

    a.return-index:hover {
        color: #cc1e1e;
    }

.login-line-mt {
    margin-top: 18px;
}

.login-tips {
    display: none;
}

.login-wrong .login-tips {
    display: block;
}

.login-wrong .login-line-mt {
    margin-top: 6px;
}

.login-head-btn a {
    color: #444;
    font-size: 14px;
}

.login-head-btn .split_line {
    font-size: 12px;
    color: #7e7e7e;
    margin-left: 10px;
    margin-right: 10px;
}

.icon-forget-pwd {
    display: inline-block;
    width: 28px;
    height: 32px;
    line-height: 28px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-family: "Arial";
    background: url(../image/forget-pwd-icon.png) no-repeat -1px -52px;
}

.icon-forget-pwd-green {
    background-position: -1px 0;
}